:root {
  --vp-layout-max-width: 1600px;
  --vp-code-font-size: 14px;
  --vp-custom-block-font-size: 14px;
  --login-other-color-bg: #fff;
  --login-main-color-bg: rgb(66, 161, 255);
  --login-second-color-bg: #e6e6e6;
  --login-other-color-bg: #fff;
  --vp-home-hero-image-background-image: linear-gradient(-78deg, #0778ffa8 56%, #58acffb3 14%);
  --vp-home-hero-image-filter: blur(75px);
  --vp-c-brand-1: rgb(66, 161, 255);
  --vp-c-brand-2: rgb(3, 116, 242);
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: linear-gradient(292deg, var(--vp-c-brand-1) 50%, var(--vp-c-success-3));
  --font-family-mono: "JetBrains Mono", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

.dark {
  --login-second-color-bg: #4a4a4a;
  --login-other-color-bg: #000000c7;
}

html.dark .shiki,
html.dark .shiki span {
  color: var(--shiki-dark);
}

html .shiki,
html .shiki span {
  color: var(--shiki-light);
}

.VPContent .VPDoc.has-aside .content-container {
  max-width: 100%;
}

.vp-doc {

  &:not(.el-table) table {
    overflow: visible;
    display: table;
  }

  .el-upload-list {
    padding-left: 0;
  }
}

.xy-table {

  .el-table__header,
  .el-table__body,
  .el-pager {
    margin: 0;
    padding: 0;
  }

  tr:nth-child(2n) {
    background-color: var(--el-table-tr-bg-color);
  }

  th,
  td {
    border: none;
  }
}

.annotation-item {
  font-size: 0.9em;
  color: var(--vp-c-text-2);
  padding-left: 15px;
  border-left: 3px solid var(--vp-c-brand-1);
  margin: 8px 0;
  line-height: 1;

  .annotation-back-cit {
    text-decoration: none;
  }
}